@charset "utf-8";
.wrap{max-width: 720px; margin: 0 auto; width: 100%; /*height: 100vh;*/ background: #f1f1f1; overflow-x: hidden;}
.wrap.white{background: #fff;}
body{overflow-x: hidden;}
.hidden{visibility: hidden;}
.noScroll{overflow: hidden !important; overflow-y: hidden !important; overflow-x: hidden !important;}
.scroll{overflow-y: scroll;}
.flex{display: flex;}
.flex.jsc{justify-content: center; align-items: center;}
.flex.jsb{justify-content: space-between;}
.jsfe{justify-content: flex-end !important;}
.reverse{flex-direction: row-reverse;}
.alic{align-items: center;}
.alie{align-items: flex-end !important;}
.bold{font-weight: 700;}
.p_r{position: relative;}
.noHeight{min-height: unset !important;}

/* 이용약관 */
.terms_wrap{padding : 14px}
.terms_wrap p{margin-bottom: 20px;}

/*intro*/
.intro{position: relative; top: 0; right: 0; bottom: 0; left: 0; height: 100%; padding: 50px 30px 35px; background: url(../images/bg_intro.png) no-repeat center center / cover;}
.intro.main:after{content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(to top, rgba(158, 42, 87, 1) 10%, rgba(158, 42, 87, 0.3) 37%, transparent 71%);}
.intro .introTxt_wrap{position: absolute; left: 0; bottom: 35px; z-index: 2; width: 100%; padding: 0 30px;}
.intro span{display: block; color: #fff;}
.intro span.introTxt1{font-size: 46px; font-weight: 600; margin-bottom: 30px;}
.intro span.introTxt2{font-weight: 500; line-height: 1.5; margin-bottom: 70px;}
.intro button.submitB{display: block; width: 100%; height: 50px; background: #101010; color: #fff;}
.intro button.submitB.B_red{background: #4e2e34; box-shadow: 0 0 0 0 rgba(0,0,0,0.5); font-size: 16px; color: #fff;}

.cus_cer{background: url(../images/bg_intro2.png) no-repeat center center / cover;}
.cus_cer:after{display: none;}
.topTxt{margin-top:10%; font-size: 14px; line-height: 1.5;}
.certifiBox{position: absolute; bottom: 0; width: calc(100% - 40px); left: 50%; transform: translateX(-50%);}
.certifiBox .certifiBox_tit{font-size: 32px; font-weight: 600; display: block; margin-bottom: 25px;}
.certifiBox .certifiBox_inner{padding: 25px; position: relative; border: 1px solid rgba(238,238,238,0.08); border-bottom: none; border-radius: 16px 16px 0 0; background: url(../images/bg_glass.png) no-repeat center center/cover; height: 58vh; min-height: 380px;}
.certifiBox .certifiBox_inner:before{content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(16, 17, 24, 0.5); border-radius: 16px 16px 0 0; z-index: -1;}
.showTxt .inputBox span{font-size: 11px; color: #dee1e2;}
.showTxt .inputBox span.hiddenTxt{visibility: hidden; font-size: 12px; color: #dee1e2;}
.showTxt .inputBox input{color: #fff;}
.showTxt .inputBox input::placeholder{font-size: 16px;}
.showTxt .subTxt{font-size: 12px; color: #dee1e2; display: inline-block; font-weight: 400; margin-top: 15px; line-height: 3px; line-height: 1.5;}
.showTxt .subTxt .bold{display: inline-block; font-size: 12px; font-weight: 600;}
.Box_bottom{position: absolute; width: calc(100% - 48px); bottom: 25px;}
.bottom_btn .btnWrap.darkTxt button{color: #3c3c3a;}
.bottom_btn .btnWrap.darkTxt button{border:1px solid #999; color: #999; background:none;}
.bottom_btn .btnWrap.darkTxt button.on{background:#101010; color:#fff;}
.bottom_btn.noFixed{position:unset;}

.showTxt .cus_cer_ul{width: 100%; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;}
.showTxt .cus_cer_ul li:first-child a:first-child:after{content: ''; display: inline-block; width: 1px; height: 10px; background: #545453; margin: 0 10px;}
.showTxt .cus_cer_ul li a{display: block; width: 100%; color: #b6b7b7; font-size: 12px;}
.cus_cer button{box-shadow: 0 0 40px 20px rgb(255 255 255 / 10%);}
.hiddeninput{position: relative; display: none;}
.hiddeninput .hiddeninput_btn{display: flex; align-items: center; position: absolute; right: 0; bottom: 0; height: 36px; line-height: 36px;}
.hiddeninput .hiddeninput_btn .timer{margin-right: 10px; color: #101010; font-size: 13px;}
.hiddeninput .hiddeninput_btn button{color: #828282; width: 55px; height: 30px; text-align: center; background: #f9fafb; border-radius: 4px; border: 1px solid #b9bbbc; font-size: 12px;}
.inputBox.p_r .cer_btn{color: #828282; height: 30px; text-align: center; background: #f9fafb; border-radius: 4px; border: 1px solid #b9bbbc; font-size: 12px; position: absolute; right: 0; bottom: 0; margin-bottom: 3px;}

.login{background: url(../images/bg_login.png) no-repeat center center/cover; padding: 50px 0 35px;}
.login > img,
.login > span{padding-left: 30px;}
.inner_tit{font-size: 16px; font-weight: 600; color: #fff; padding-bottom: 22px; margin-bottom: 22px; border-bottom: 1px solid #aeb3b8;}
.inner_contents .agreeChk{display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 18px;}
.inner_contents .chkStyle label{color: #fff; display: block;}
.open{font-size: 12px; color: #101010;}
.open.detail{text-decoration: underline;}

.logoTit{font-size: 20px; font-weight: 700; margin-top: 16px;}
.loginBox{position: absolute; bottom: 0; width: 100%;}
.loginBox > ul{display: flex; align-items: center; justify-content: space-between; width: 100%;}
.loginBox > ul > li{width: 50%; text-align: center; color: rgba(78, 46, 52, 0.6); font-size: 17px; font-weight: 500; padding-bottom: 15px;}
.loginBox > ul > li.on{border-bottom: 3px solid #654047; color: #5b383f; font-weight: 700;}
.loginBox_inner{background: rgba(33, 35, 45, 0.1); padding: 20px 30px 20px; display: none;}
.loginBox_inner.on{display: block;}
.loginBox_inner .chkStyle2{margin-bottom: 35px;}
.loginBox_inner .chkStyle2 label{color: #fff;}
.loginBox_inner .inputBox{margin-bottom:13px;}

/*popup*/
.popup.hiddenPopup{display: none;}
.popup.show{position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.6);display: flex; align-items: center; justify-content: center; z-index: 105;}
.popup_inner{width: 300px; padding: 24px; padding-bottom: 50px; background: #fff; position: relative;}
.popup_tit{text-align: center; color: #101010; font-size: 18px; font-weight: 700; margin-bottom: 30px;}
.popup_txt{margin-bottom: 30px;}
.popup_ul_tit{display: block; font-size: 13px; color: #484848 !important; font-weight: 700; margin-bottom: 11px;}
.popup_ul ul{border-top: 1px solid #e5e5e5; padding: 15px; background: #f8f8f9; margin-bottom: 20px;}
.popup_ul ul:last-child{margin-bottom: 24px;}
.popup_ul ul li{font-size: 13px; color: #484848; margin-bottom: 8px;}
.popup_ul ul li:last-child{margin-bottom: 0;}
.popup_ul ul li:before{content: ''; width: 2px; height: 2px; background: #484848; display: inline-block; vertical-align: middle; margin-right: 6px;}
.popup_inner button{display: block; width: 100%; height: 50px; text-align: center; background: #5d2d36; color: #fff; font-size: 14px; position: absolute; left: 0; bottom: 0;}
.popup_inner input[type="date"]{margin-bottom: 20px;}
.popup_inner button.off{background: #fff; color: #5d2d36; border: 1px solid #5d2d36;}
.popup_inner .close{display: block; position: absolute; right: 0; bottom: -32px; font-size: 13px; color: #fff; padding-right: 24px; background: url(../images/icon_x.png) no-repeat right 5px center;}
.main_popup_inner{width: 300px;  padding: 37px 24px 50px; background: #fff; position: relative; min-height: 200px; max-height: none; overflow: hidden;}
.main_popup_inner p{margin-bottom: 20px;}
.main_popup_inner.h205{height: 205px;}
.main_popup_inner span{display: block;}
.main_popup_inner span.popup_top{font-size: 20px; font-weight: 500; margin-bottom: 24px; color: #101010; letter-spacing: -1px;}
.main_popup_inner span.popup_bottom{color: #484848;}
.main_popup_inner .popupBtn{position: absolute; bottom: 0; left: 0; width: 100%; display: flex; align-items: center;}
.main_popup_inner .popupBtn button{font-size: 15px;}
.main_popup_inner .popupBtn .x{width: 120px; height: 50px; line-height: 50px; background: #dbdbdb;}
.main_popup_inner .popupBtn .o{width: calc(100% - 120px); height: 50px; line-height: 50px; background: #5d2d36; color: #fff; font-weight: 700;}
.main_popup_inner .popupBtn .fullBtn{width: 100%; height: 50px; line-height: 50px; background: #5d2d36; color: #fff; font-weight: 700; text-align: center;}
.time_picker .radioStyle{text-align: center;}
.time_picker .radioStyle:first-child{margin-right: 30px;}
.time_picker .radioStyle input[type="radio"]:checked + label {color: #795359; font-weight: 600;}

.underline_tit{padding-bottom: 12px; margin-bottom: 12px; font-size: 16px; font-weight: 600; color: #1C1C1B; border-bottom: 2px solid #1C1C1B;}
.underline_tit .underline_subtit{font-size: 13px; font-weight: 400; color: #888; margin-top: 5px;}
ul.popup_menu_wrap{max-height: 300px; overflow-y: auto;}
ul.popup_menu_wrap li{height: 45px; line-height: 45px; border-bottom: 1px solid #e5e5e5}
ul.popup_menu_wrap li input[type=radio]:checked + label{background:#f7f7f7}
ul.popup_menu_wrap li label{padding:0 13px; display:block;}

.popup_menu_wrap{max-height: 450px; overflow-y: auto; margin-bottom: 30px;}
.popup_menu_wrap p{margin-bottom: 20px;}
.popup_menu_wrap .survey .radioStyle{width: 25%;}
.popup_menu_wrap .survey .radioStyle input{margin-right: 6px;}
.acco_menu .acco_tit{font-weight: 600; position: relative; height: 42px; line-height: 42px; border-bottom: 1px solid #ededed;}
.acco_menu .acco_tit:after{content: ''; position: absolute; right: 8px; top: 50%; transform: translateY(-50%); width: 12px; height: 7px; background: url(../images/icon_select2.png) no-repeat center center;}
.acco_menu .acco_txt{border-bottom: 1px solid #ededed;  font-size: 13px; background: #f8f8f9; padding: 19px 14px; display: none; height: 300px; overflow-y: scroll;}
.acco_menu:last-child .acco_txt {margin-bottom: 100px;}
.acco_menu .acco_txt .acco_txtB{font-weight: 700; display: block; margin-bottom: 25px;}
.acco_menu .acco_txt p{margin-bottom: 25px;}
.acco_menu .acco_txt p:last-child{margin-bottom: 0px;}
.radioStyle.flex.d_rr{flex-direction: row-reverse;}
.radioStyle input[type="radio"]:checked ~ label {color: #ae1857; font-weight: 700;}
.popup_menu_tit{margin-bottom: 10px; font-size: 13px; font-weight: 500;}
.surv_wrap{padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid #dedede; text-align: center;}
.surv_wrap:last-child{border-bottom: 0;}
.surv_wrap > span{font-weight: 700; display: block; margin-bottom: 20px;}
.surv_wrap .Bstar > div{display: flex; align-items: center; justify-content: center; margin-bottom: 11px;}
.surv_wrap .Bstar > div > i{width: 30px; height: 30px; background-repeat: no-repeat; background-position: left center; background-size: contain; margin-right: 5px; display: block;}
.surv_wrap .Bstar > div > i.starE{background-image: url(../images/icon_Bstar_empty.png);}
.surv_wrap .Bstar > div > i.star{background-image: url(../images/icon_Bstar.png);}
.surv_wrap .Bstar > div > i.starH{background-image: url(../images/icon_Bstar_half.png);}
.surv_wrap .Bstar > span{font-size: 13px; font-weight: 500;}
.surv_wrap .popupRadio{justify-content: center;}
.surv_wrap .popupRadio .radioStyle:first-child{margin-right: 50px;}
.surv_wrap .popupRadio .radioStyle input{margin-right: 7px;}
.surv_wrap .popupRadio .radioStyle label{color: #575756;}
.surv_result{padding-bottom: 0; margin-bottom: 0;}
.surv_result .Bstar{justify-content: center; align-items: flex-end;}
.surv_result .Bstar > div > i{width: 38px; height: 37px; margin-right: 8px;}
.surv_result .Bstar > span{margin-left: 12px; font-size: 13px; color: #999;}
.surv_result .Bstar > span > span.strong{font-size: 18px; font-weight: 700; color: #101010; vertical-align: baseline;}    

.worker_certiBox .inputBox{position: relative;}
.worker_certiBox .popup_btnWrap{position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: flex; align-items: center;}
.worker_certiBox .inputBox input,
.worker_certiBox .inputBox input::placeholder{color: #999; font-size: 13px;}
.worker_certiBox .popup_btnWrap span{color: #101010;}
.worker_certiBox .popup_btnWrap button{height: 28px; background: #fff; color: #101010; border: 1px solid #5d2d36; border-radius: 3px; font-size: 13px; margin-left: 8px;}
.popup_btn.btnTwin button{width: 50%;}
.popup_btn.btnTwin button:first-child{border-right: 1px solid #fff;}
.popup_btn.btnTwin button:last-child{left: unset; right: 0;}
.popup_btn.btnTwin2 button:first-child{width: 120px; background: #dbdbdb; color: #101010;}
.popup_btn.btnTwin2 button:last-child{width: calc(100% - 120px); left: unset; right: 0;}

/*header*/
header {height: 50px; padding: 0 14px; display: flex; align-items: center; justify-content: space-between; position: fixed; width: 100%; box-sizing: border-box; z-index: 100; background: #fff; border-bottom: 1px solid #ededed; max-width: 720px;}
header.borderNone{border-bottom: 0;}
header.mainHeader{background: #8A5156; border-bottom: none;}
header .prev{width: 50px; height: inherit; position: relative;}
header.mainHeader .prev .line1{position: absolute; left: 0; top: 50%; width: 10px; height: 10px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(225deg); transform: translateY(-50%) rotate(225deg);}
header.mainHeader .prev .line2{position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 16px; height: 2px; background: #fff;}
header.mainHeader .tit{color: #fff; font-size: 16px; font-weight: 500;}
header .menu{width: 30px; height: inherit; position: relative;}
header .search_btn{position: absolute; width: 50px; height: inherit; background: url(../images/icon_search.png) no-repeat right center; right: 50px;}
header .search_btn form{display: none; position: absolute; background: #fff;  top: 100%; right: 0; z-index: 100; box-shadow:3px 3px 6px 0px rgb(0 0 0 / 20%); padding: 10px 14px; width: 290px;}
header .search_btn form.on{display: block;}
header .search_btn form .inputBox{margin-bottom: 0; height: 30px;}
header .search_btn form .inputBox input{height: inherit; width: calc(80% - 10px);}
header .search_btn form .inputBox button{width: 20%; text-align: center; height: inherit; border-radius: 3px; border: 1px solid #101010;}
header .search_btn form .inputBox input::placeholder{color: #101010;}
header.mainHeader .menu .line{position: absolute; right: 0; width: 16px; height: 2px; top: 50%; transform: translateY(-50%); background: #fff; display: block;}
header .menu .line2{margin-top: 5px;}
header .menu .line3{margin-top: -5px;}
header .prev .line1{position: absolute; left: 0; top: 50%; width: 10px; height: 10px; border-top: 2px solid #101010; border-right: 2px solid #101010; transform: translateY(-50%) rotate(225deg);}
header .prev .line2{position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 16px; height: 2px; background: #101010;}
header .tit{color: #101010; font-size: 15px; font-weight: 500;}
header .menu .line{position: absolute; right: 0; width: 20px; height: 2px; top: 50%; transform: translateY(-50%); background: #101010; display: block;}
header .menu .line2{margin-top: 6px;}
header .menu .line3{margin-top: -6px;}

/*section*/
section{padding: 50px 0 78px;}
section.pb138{padding-bottom: 138px;}
.hiddenTxt{font-size: 11px; color: #a1a4a5; font-weight: 500; display: block; visibility: hidden;}
.mainTop.selectTop{background: #8A5156; padding: 50px 14px 0px; border-bottom: 1px solid #946161;}
.mainTop.selectTop .inputBox{margin-bottom: 10px;}
.mainTop.selectTop .boxTop{color: #fff; font-size: 11px; display: block;}
.mainTop.selectTop input,
.mainTop.selectTop select{color: #fff; font-size: 15px; border-bottom: 1px solid #c8b8bb;}
.mainTop.selectTop .inputBox select{display: block;}
.inputBox.double{display: flex; align-items: center; justify-content: space-between;}
.inputBox.double .SumoSelect{width: calc((100% - 22px) / 2);}
.inputBox.double select {width: calc((100% - 22px) / 2);}
.inputBox.double .inputBox{width: calc((100% - 22px) / 2);}
.inputBox.double .inputBox:first-child{position: relative;}
.inputBox.double .inputBox:first-child:after{content: '~'; position: absolute; right: -15px; top: 50%; color: #fff;}

.mainMid{background: #8A5156; padding: 0 14px 12px; position: relative;}
.mainMid .allBtn{display: block; text-align: right; font-size: 12px; font-weight: 500; color: #d8d2d3; cursor: pointer; padding: 18px 0 12px;}
.mainMid .allBtn:after{content: '\f105'; font-family: 'FontAwesome'; margin-left: 8px; font-size: 13px;}
.mainMid .mainUl{display: flex; align-items: center; height: 46px; background: #5A2B30; box-shadow: 3px 3px 8px 0 rgb(0 0 0 / 20%); border-radius: 3px; padding: 0 3px;}
.mainMid .mainUl li{width: 50%; display: flex; align-items: center; justify-content: space-between;padding: 0 12px; height: 40px; color: #a77982; font-size: 14px; font-weight: 500;}
.mainMid .mainUl li .mainBold{font-size: 20px; vertical-align: baseline; color: #ca9ba4;}
.mainMid .mainUl li.on{background: #8A5156; border-radius: 2px; color: #e6cfd2;}
.mainMid .mainUl li.on .mainBold{color: #fff;}
.mainMid .mainUl li[aria-disabled=disabled]{pointer-events: none; background: #3a2023;} 
.mainMid .mainUl.txtControl{height: 65px;}
.mainMid .mainUl.txtControl li{height: 59px; position: relative;}
/*.mainMid .mainUl.txtControl li > span:first-child{position: absolute; top: 10px; left: 10px;}*/
.mainMid .mainUl.txtControl li > span:first-child{position: absolute; top: 10px; left: 50%; transform:translateX(-50%);}
.mainMid .mainUl.txtControl li > span:last-child{position: absolute; bottom: 6px; right: 10px;}
.mainMid .mainUl.tripleUl li{width: 33.33%;}
.mainMid .mainUl.tripleUl li:after{content: ''; width: 1px; height: 41px; background: #69474d; position: absolute; right: -1px;}
.mainMid .mainUl.tripleUl li:last-child:after{display: none;}

.list {display: none;}
.list.on {display: block;}
.listTop{background: #f4f4f4; padding: 9px 14px; display: flex; align-items: center; justify-content: space-between;}
.listTop .listLeft{display: flex; align-items: center;}
.listTop .listLeft span{display: block; position: relative; padding: 0 8px; height: 29px; line-height: 29px; background: #fff; font-size: 13px; color: #666; box-shadow: 0 0 4px rgba(0,0,0,0.1); border-radius: 2px; margin-right: 5px;}
.listTop .listLeft span:last-child{margin-right: 0;}
.listTop .listLeft span.sort_time{}
.listTop .listLeft span.sort_64{}
.listTop .listLeft span.sort_ho{}
.listTop .listLeft span.sort{padding-right:20px;}
.listTop .listLeft span.sort:after{content: '\f0de'; font-family: 'FontAwesome'; font-size: 12px; vertical-align: middle; position: absolute; right: 8px; color: #ccc;}
.listTop .listLeft span.sort:before{content: '\f0dd'; font-family: 'FontAwesome'; font-size: 12px; vertical-align: middle; position: absolute; right: 8px; color: #ccc;}
.listTop .listLeft span.sort[aria-sort="asc"]:after{color: #555;}
.listTop .listLeft span.sort[aria-sort="desc"]:before{color: #555;}
.listTop .listCenter input{margin-right: 2px;}

.listTable{padding-top: 16px; overflow-y: scroll; background: #fff; position: relative;}
.listTable > button {position: absolute; bottom: 0;}
.listTable table{width: 100%;}
.listTable table tr td:first-child{padding-left: 14px;}
.listTable table tr td:last-child{padding-right: 14px !important;}
.listTable table thead tr td{ font-size: 12px; color: #7a7a7a; padding-bottom: 21px;}
.listTable table tbody tr td{padding: 12px 0; border-bottom: 1px solid #ededed; font-size: 13px; font-weight: 500;}
.listTable table tbody tr td.tableBold{color: #101010;}
.listTable table tbody tr td.longTxt{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 5px; vertical-align: middle;}
.listTable table tbody tr td.lightGray{color: #636363;}
.listTable table tbody tr td.table_ing{color: #718ce4;}
.listTable table tbody tr td.table_plan{color: #999;}
.table_sort{text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block;}
.table_sort span{font-weight: 400;}
.table_sort span::after{content: '>'; font-family: 'dotum'; margin-left: 5px; font-size: 13px; font-weight: 600;}
.table_sort span:last-child::after{display: none;}
tr.emergency{background: #f9efef;}

.section_inner{background: #f4f4f4;}
.section_inner2{padding: 0 20px; margin: 24px 0 20px;}
.section_inner .section_tit{background: #fff; padding: 14px;; font-size: 15px; font-weight: 500; margin-bottom: 6px; box-shadow: 0 2px 8px rgb(0 0 0 / 10%);}
.section_inner .section_con{background: #fff; padding: 16px 14px; margin-bottom: 6px; box-shadow: 0 7px 8px rgb(0 0 0 / 10%);}
.section_inner .section_con.double{display: flex; justify-content: space-between;}
.section_inner .section_con.double > div {width: calc((100% - 22px) / 2)}
.section_inner .section_con.mb0{box-shadow: none;}
.section_inner .section_con.sch {display: flex; justify-content: space-between;}
.section_inner .section_con.sch div:first-child{width: 110px;}
.section_inner .section_con.sch div:last-child{width: calc(100% - 120px); display: flex; justify-content: space-between;}
.section_inner .section_con.sch div:last-child input[type=text]{ width: calc(100% - 70px); height: 41px; border-bottom: 1px solid #DEDEDE;}
.section_inner .section_con.sch div:last-child button{width: 60px; text-align: center; border: 1px solid #101010;}

.section_inner .section_con .con_tit{display: block; font-size: 15px; font-weight: 700; margin-bottom: 20px;}
.section_inner .section_tit > span {line-height:1.3}


.quaReg.qc1 .section_con.p0 ul li{padding:14px 22px 14px 14px; height:unset; line-height:unset;}
.quaReg.qc1 .section_con.p0 ul li input[type="radio"]{min-width:19px;}
.quaReg.qc1 .section_con.p0 ul li label{margin-left:5px;}

.con_tit_date{font-size: 12px; font-weight: 500; display: none;}
.con_tit_date span{font-weight: 700;}
.section_inner .section_con .con_sort{display: flex; align-items: center;}
.section_inner .section_con .con_sort > div{margin-right: 10px;}
.section_inner .section_con .con_sort > span{font-size: 13px; letter-spacing: -1px;}
.section_inner .section_con .con_sort > span:after{content: '>'; font-family: 'dotum'; margin: 0 6px}
.section_inner .section_con .con_sort > span:last-child:after{display: none;}
.section_inner .section_con .con_txt{font-size: 13px;}
.section_inner .section_con .con_txt2{margin-top: 10px; padding-top: 10px; border-top: 1px dashed #ccc; font-size: 13px;}
.section_inner .section_con .con_txt2 > span{font-weight: 600;}
.section_inner .section_con_top{background: #fff; width: 100%; border-bottom: 1px solid #eaeaea; display: flex; align-items: center; justify-content: space-between; text-align: center; height: 42px; line-height: 42px;}
.section_inner .section_con_top li{width: 50%; height: inherit;}
.section_inner .section_con_top li.on a{font-weight: 700; color: #ae1857;}
.section_inner .section_con_top li.on{position: relative;}
.section_inner .section_con_top li.on:after{content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: #ae1857; }
.section_inner .section_con_top li a{display: block; width: 100%; height: inherit; color: #888;}
.section_con.select {padding: 0 14px;}
.section_con.select select{border: none; height: 45px; line-height: 45px; font-weight: 500; background: url(../images/icon_select3.png) no-repeat right 8px center;}
.section_con.ul li{font-size: 13px; line-height: 1.5; padding-left: 7px; position: relative;}
.section_con.ul li::before{content: ''; position: absolute; left: 0; top: 50%; width: 2px; height: 2px; background: #000; vertical-align: middle; display: inline-block;}
.section_con.ul li.t20::before{top: 20%;}
.flexUl{display: flex; align-items: center;}
.flexUl li{width: calc(100% / 3); text-align: center; position: relative;}
.topUl{margin-bottom: 13px;}
.topUl li:after{content: '>'; font-family: 'dotum'; font-weight: 800; position: absolute; right: -8px; top: 50%; transform: translateY(-50%); color: #dedede;}
.topUl .sche2.gray span{color: #999;}
.topUl .sche2 span{font-size: 12px; font-weight: 500;}
.topUl .sche2 span.strong{font-size: 18px; font-weight: 700;}
.topUl .sche2.on span{font-size: 12px; font-weight: 500;}
.topUl .sche2.on span.strong{font-size: 18px; font-weight: 700;}
.topUl .sche2 span.gray{font-size: 17px; font-weight: 700; color: #999;}
.bottomUl li{font-size: 12px; color: #a1a4a5;}
.bottomUl li.on{color: #575756;}
.topUl li:last-child:after{display: none;}
.section_con .sche,
.section_con .sche2{display: flex; flex-direction: column; align-items: center;}

.mapImg{width: 100%; margin-bottom: 6px; box-shadow: 0 7px 8px rgb(0 0 0 / 10%);}
.mapImg img{width: 100%;}
.section_con.select2 select{border-bottom: 1px solid #dedede; background: url(../images/icon_select2.png) no-repeat right 8px center; height: 28px; line-height: 28px; font-weight: 500; font-size: 15px;}
.noData1{background: #fff url(../images/icon_noData1.png) no-repeat center center !important;}
.noData2{background: #fff url(../images/icon_noData2.png) no-repeat center center !important;}
.noData3{background: #fff url(../images/icon_noData3.png) no-repeat center center !important;}
.noData4{background: #fff url(../images/icon_noData4.png) no-repeat center center !important;}
.section_con.select2 > div:last-child select{margin-bottom: 0;}
.section_con_chk{padding: 14px 14px 0; height: 50px;}
.section_con_chk label{letter-spacing: -1px;}
.section_con.noData{position: absolute; bottom: 0; top: 300px; right: 0; left: 0;}
.section_con.noData span{color: #575756; font-size: 17px; font-weight: 500; position: absolute; bottom: 30%; left: 50%; transform: translateX(-50%);}
.section_con.btnCon{display: flex; justify-content: space-between; align-items: center;}
.section_con.btnCon button{width: calc((100% - 6px) / 2); height: 45px; border-radius: 2px; font-size: 15px; font-weight: 700; background: #101010; color: #fff;}
.section_con.btnConFull button{width: calc((100% - 6px)); height: 45px; border-radius: 2px; font-size: 15px; font-weight: 700; background: #101010; color: #fff;}

.listUl {border-bottom: 1px solid #dfdfdf; padding: 16px 14px;}
.listUl .listUl_btn .flex{align-items: center; justify-content: space-between; margin-bottom: 12px;}
.listUl .listUl_txt{display: block; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 30px;}
.listUl .listUl_txt:after{content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 11px; height: 6px; background: url(../images/icon_select2.png) no-repeat right center/contain;}
.AS1set .listUl{border-bottom: 1px solid #dfdfdf !important;}
.AS1set .listUl .listUl_txt:after{display: none;}
.listUl.on{border-bottom: 0;}
.listUl.on .listUl_txt:after{transform: translateY(-50%) rotate(180deg);}
.listUl .date{color: #a1a4a5; font-size: 12px; font-weight: 500;}
.listli{background: #f4f4f4; padding: 15px 14px; border-bottom: 1px solid #dedede; display: none;}
.listli .listli_txt{font-size: 13px;}
.date.pink{color: #e9437d; font-size: 12px; font-weight: 500;}
.date.green{color: #0AB342; font-size: 12px; font-weight: 500;}
.listli .flex.jsb{justify-content: space-between; align-items: center; margin-bottom: 12px;}
.borderBox{border-bottom: 1px solid #dedede; padding-bottom: 10px; margin-bottom: 10px;}
.listli .borderBox:last-child{padding-bottom: 0; border-bottom: 0; margin-bottom: 0;}
.con_date{font-size: 13px; text-align: right;}


/*toggle*/
.toggleSwitch .switch{position: relative; display: inline-block; width: 75px; height: 20px; background: #dfdfdf; transition: 0.4s; border-radius: 15px;}
.toggleSwitch .switch input{display: none;}
.toggleSwitch .switch .switchBtn{position: absolute; top:50%; transform: translateY(-50%); width: 40px; height: 24px; background: #fff; transition: 0.4s; border-radius: 15px; text-align: center; box-shadow: 0 0 4px rgba(0,0,0,0.15);}
.toggleSwitch::before,
.toggleSwitch::after{display: inline-block; color: #666; vertical-align: middle; font-size: 14px;}
.toggleSwitch.toggleline::before,
.toggleSwitch.ho::after{color: #006ECD; font-weight: 700;}
.toggleSwitch.ho .switch input + .switchBtn{transform: translate(37px, -50%);}
.toggleSwitch .switchTxt {height: inherit; display: flex;}
.toggleSwitch .switchTxt span{display: block; height: 20px; width: 50%; text-align: center; line-height: 20px; font-size: 12px; z-index: 5; color: #666;}
.toggleSwitch .switchTxt span.on{color: #101010;}
.toggleSwitch2{position: relative;}
.toggleSwitch2 label{display: block; width: 36px; height: 18px; border-radius: 9px; background: #eeefef; transition: 0.4s;}
.toggleSwitch2 input{display: none;}
.toggleSwitch3 .switch{position: relative; display: inline-block; width: 75px; height: 20px; background: #dfdfdf; transition: 0.4s; border-radius: 15px;}
.toggleSwitch3 .switch input{display: none;}
.toggleSwitch3 .switch .switchBtn{position: absolute; top:50%; transform: translateY(-50%); width: 40px; height: 24px; background: #fff; transition: 0.4s; border-radius: 15px; text-align: center; box-shadow: 0 0 4px rgba(0,0,0,0.15);}
.toggleSwitch3::before,
.toggleSwitch3::after{display: inline-block; color: #666; vertical-align: middle; font-size: 14px;}
.toggleSwitch3.toggleline::before,
.toggleSwitch3.ho::after{color: #006ECD; font-weight: 700;}
.toggleSwitch3.ho .switch input + .switchBtn{transform: translate(37px, -50%);}
.toggleSwitch3 .switchTxt {height: inherit; display: flex;}
.toggleSwitch3 .switchTxt span{display: block; height: 20px; width: 50%; text-align: center; line-height: 20px; font-size: 12px; z-index: 5; color: #666;}
.toggleSwitch3 .switchTxt span.on{color: #101010;}

/*setting*/
.setting_ver > span {display: block; margin-bottom: 10px;}
.setting_ver > .flex{align-items: center; justify-content: space-between;}
.setting_ver > .flex > span{ font-size: 12px; color: #999;}
.setting_ver > .flex > button{width: 66px; height: 23px; line-height: 23px; background: #f1f1f1; border-radius: 2px; font-size: 13px; color: #575756;}

.section_con.p0 .con_tit{padding: 0 14px;}
.section_con.p0 ul li{padding: 0 22px 0 14px; height: 44px; line-height: 44px; align-items: center; justify-content: space-between; border-bottom: 1px solid #ededed;}
.section_con.p0 ul li:last-child{border-bottom: 0;}

/*입주 전 setting*/
.section_con.p0.disable .con_tit{color: #a1a4a5;}
.section_con.p0.disable ul li{color: #a1a4a5;}
.disable .toggleSwitch2 span{display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; background: #d4d6d6; border-radius: 50%; transition: 0.4s;}


/*입주 후 setting*/
.able .toggleSwitch2 span{display: block; position: absolute; left: -1px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; background: #fff; border-radius: 50%; box-shadow: 0 0 7px rgba(0,0,0,0.3); transition: 0.4s;}
.able .toggleSwitch2.on label{background: #ae1857;}
.able .toggleSwitch2.on span{transform: translateY(-50%) translateX(20px);}



/*tab*/
.tab1{background: #e1e1e1; border: 1px solid #d1d1d1; border-radius: 2px; box-sizing: border-box; margin: 10px 14px; display: flex; justify-content: space-between; height: 67px; border-radius: 5px;}
.tab1 li{width: calc(100% / 4); position: relative; padding: 10px; margin: 3px 0;}
.tab1 li:first-child{margin-left: 3px;}
.tab1 li:last-child{margin-right: 3px;}
.tab1 li.on{background: #fff; border-radius: 3px;}
.tab1 li:after{content: ''; width: 1px; height: 41px; background: #d1d1d1; position: absolute; right: 0;}
.tab1 li.on:after{display: none;}
.tab1 li:last-child:after{display: none;}
.tab1 li > span{position: absolute;}
.tab1 li span.tabT{top: 13px; left: 13px; font-size: 13px; color: #a1a4a5;}
.tab1 li.on span.tabT{font-weight: 700; color: #101010}
.tab1 li span.tabB{bottom: 8px; right: 13px; font-size: 14px; color: #a1a4a5;}
.tab1 li span.tabB > span{font-size: 24px; font-weight: 600; vertical-align: baseline;}

.tab2{background: #fff; padding: 0 14px; border-bottom: 1px solid #eaeaea;}
.tab2 ul{display: flex; align-items: center; overflow: hidden; overflow-x: auto; white-space: nowrap;}
.tab2 ul li{margin-right: 24px;}
.tab2 ul li:last-child{margin-right: 0;}
.tab2 ul li a{ display: block; padding: 10px 0; color: #888;}
.tab2 ul li a.on{color: #ae1857; font-weight: 700; position: relative;}
.tab2 ul li a.on:after{content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #ae1857;}

/*faq*/
.faqSet .listUl{background: #fff; padding: 0;}
.faqSet .listUl .listUl_btn{padding: 18px 20px; font-weight: 500; position: relative;}
.faqSet .listUl .listUl_btn::after{content: ''; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 12px; height: 7px; background: url(../images/icon_select2.png) no-repeat center center; }
.faqSet .listUl.on .listUl_btn::after{transform: translateY(-50%) rotate(180deg);}
.faqSet .listli p{font-size: 13px; color: #575756;}


/*사진파일 업로드*/
.fileAdd.noneAddbtn{background: #101010; color: #fff; width: 100%; height: 45px; border-radius: 2px;}
.fileAdd{width: calc((100% - 10px) / 2); position: relative;}
.fileAdd label{position: relative;}
.fileAdd label.x{background-position: center center; background-size: contain; background-repeat: no-repeat;}
.fileAdd.x .del_photo{display: block;}
.del_photo{display: none;}
.del_photo{position: absolute; top: 0; right: 0; background: #575756; width: 22px; height: 22px; line-height: 22px; color: #fff; text-align: center;}
.fileAdd input{display: none;}
.fileAdd .addBtn{width: 100%; height: 150px; background: #dfdfdf; display: block; position: relative; background-repeat: no-repeat; background-size: contain; background-position: center center;}
.noneAddbtn.fileAdd .addBtn{height: inherit; line-height: 45px; text-align: center; background: #101010; color: #fff; font-size: 15px; font-weight: 700; border-radius: 2px;}

.fileAdd .addBtn .add{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 15px; height: 15px;}
.fileAdd .addBtn .add .line1{position: absolute; width: 2px; height: 15px; background: #fff; left: 50%; transform: translateX(-50%);}
.fileAdd .addBtn .add .line2{position: absolute; height: 2px; width: 15px; background: #fff; top: 50%; transform: translateY(-50%);}
.fileAdd .addBtn input{display: none;}
.imgData .add{display: none;}
.noneAddbtn.fileAdd + .fileAdd{display:none;}
.noneAddbtn.fileAdd .add{display: none;}

/* 지금고친거 */
.imgPopup{position:fixed; z-index:101; background: rgba(0,0,0,0.8); top:0; bottom:0; left:0; right:0; display:none;}
.imgPopup .imgView{overflow: hidden; margin:30px auto 0; position:relative; text-align:center;}
.imgPopup .imgView img{max-width:100%; max-height:400px; width:auto;}
/* 지금고친거 */

/* .imgPopup{position:fixed; z-index:101; background: rgba(0,0,0,0.8); top:0; bottom:0; left:0; right:0; display:none;} */
/* .imgPopup .imgView{overflow: hidden; margin:30px auto 0; position:relative;} */
/*.imgPopup .imgView{position:relative; width:80%; height:80%; overflow: hidden; top: 50%; left: 50%; transform: translate(-50%, -50%);} */


.imgpopupBtn{display: flex; align-items: center; position: absolute; bottom: 0; left: 0; background: #fff; text-align: center; width: 100%; height: 50px;}
.imgpopupBtn input{display: none !important;}
.imgpopupBtn .btn3{width: 50%; height: 50px; display: block; padding: 0; line-height: 50px; border-right: 1px solid #fff; background: #5d2d36; color: #fff;}
.imgpopupBtn .btn3:last-child{border-right: 0;}
.img_marker{ padding:10px; position:absolute; cursor:move; width: 100px; height: 100px; left: 50%; top: 50%;}
.img_marker .point{border:2px solid red; position: absolute; border-radius:50%; top: 0; left: 0; right: 0; bottom: 0;}
.img_marker button{display:none; position:absolute; width:20px; height:20px; right:-15px; top:-15px; background:#000; color:#fff; border:0; text-align:center;}
.img_marker.edit{border:1px solid rgba(255,255,255,0.3); cursor: pointer;}
.img_marker.edit button{display: block;}

/*사진슬라이드*/
.asimg_wrap2 {display: flex; justify-content: space-between; font-size: 0; text-align: left; overflow: hidden; overflow-x: auto; white-space: nowrap;}
.asimg_wrap2 a {cursor: pointer; display: inline-block; width: calc((100% - 10px) / 2); height: 150px; line-height: 150px; background: #dfdfdf; flex: 0 0 auto;}
.asimg_wrap2 a img {width: 100%; vertical-align: middle;}
.galleryLine a + ㅁ{margin-left: 10px;}

/*서명*/
.signView{position:relative; width:80%; height:80%; overflow: hidden; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff;}

/*btn*/
.bottom_btn{position: fixed; bottom: 0; width: 100%; background: #fff; padding: 12px 14px 24px; box-sizing: border-box; box-shadow: 0 0 10px rgba(0,0,0,0.1); z-index: 100; max-width: 720px;}
.btnWrap{display: flex; align-items: center; justify-content: center; text-align: center;}
.btnWrap.column{flex-direction: column;}
.btnWrap.column button{width: 100%;}
.btnWrap.column button.save{margin-bottom: 12px; background: #ae1857; color: #fff;}
.btnWrap.column button.del,
.btnWrap.column button.tem{margin-right: 0; background: #000; color: #fff; border: none;}
.btnWrap button{width: calc((100% - 6px) / 2); height: 45px; border-radius: 2px; font-size: 15px; font-weight: 700;}
.btnWrap button.fullBtn{width: 100%;}
.btnWrap button.del,
.btnWrap button.tem{border: 1px solid #101010; margin-right: 6px;}
.btnWrap button.save,
.btnWrap button.close{background: #101010; color: #fff;}
.sidebtn{width: 65px; height: 24px; line-height: 24px; display: block; border-radius: 2px; background: #e5e5e5; font-size: 12px; font-weight: 700;}
.con_btn{width: 100%; height: 42px; border-radius: 2px; border: 1px solid #ddd; font-weight: 700;}
button.add::before{content: '+'; margin-right: 5px; font-size: 15px;}

/*badge*/
.badge{font-size: 11px; padding: 0 6px; height: 18px; line-height: 18px; font-weight: 600; width: fit-content;}
.badge2{font-size: 11px; padding: 0 12px; height: 18px; line-height: 18px; font-weight: 600; width: fit-content;}
.badge.b_blue{border: 1px solid #8199e7; color: #8199e7;}
.badge.b_red{border: 1px solid #d03c3c; color: #d03c3c;}
.badge.b_green{border: 1px solid #1d6d3d; color: #1d6d3d;}
.badge2.b_blue{border: 1px solid #8199e7; color: #8199e7;}
.badge2.b_red{border: 1px solid #d03c3c; color: #d03c3c;}
.badge2.b_grey {border: 1px solid #a9a9a9; color: #a9a9a9;}

.badge2.b_green{border: 1px solid #1d6d3d; color: #1d6d3d;}
.black{color: black;}

.e_badge input{display: none;}
.e_badge label{display: block; text-align: center; width: 65px; height: 24px; line-height: 24px; border-radius: 12px; border: 1px solid #d03c3c; background: #d03c3c; font-size: 12px; color: #fff; font-weight: 700;}
.e_badge input:checked + label{color: #d03c3c; background: transparent;}

/*star*/
.star.flex{align-items: center; justify-content: center;}
.star i{width: 19px; height: 20px; background: #000;}
.star i.star{background: url(../images/icon_star.png) no-repeat center center / contain;}
.star i.starH{background: url(../images/icon_star_half.png) no-repeat center center / contain;}
.star i.starE{background: url(../images/icon_star_empty.png) no-repeat center center / contain;}
.star i{margin-right: 2px;}
.star i:first-child{margin-left: 0;}
.star i:last-child{margin-right: 0;}
.score{margin-left: 10px; font-size: 10px; color: #999;}
.score span{font-size: 12px; color: #101010; vertical-align: baseline;}

/*index*/
.wrap.index{padding: 50px 0 40px; height: 100vh; background: #f9f9f9; position: relative; overflow: hidden;}
.wrap.index:before{content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(to bottom, rgba(174, 24, 87, 1) 5%, transparent 30%); z-index: 0;}
.index header{background: transparent; border-bottom: none; position: unset; height: unset; padding: 0 20px; margin-bottom: 32px;}
.index header img{z-index: 1;}
.index header .menu {height: 35px;}
.index header .menu .line{background: #fff;}
.index section{position: absolute; width: 100%; padding: 0 20px; box-sizing: border-box;}
.index section .indexBox1{padding: 30px 0 22px; border: 1px solid #fff; box-shadow: 0 0 11px 0 rgb(0 0 0 / 10%); border-radius: 10px; background: rgba(252,252,252,0.35); margin-bottom: 36px; z-index: 1;}
.indexBox1 span{display: block;}
.indexBox1 .indexBox_top{margin-bottom: 32px; padding: 0 24px;}
.indexBox1 .indexBox_top .boxtxt1{font-size: 25px;}
.indexBox1 .indexBox_top .boxtxt2{font-size: 25px; font-weight: 700; margin-bottom: 17px;}
.indexBox1 .indexBox_top .boxtxt3{font-size: 13px; font-weight: 500;}
.indexBox_bottom{padding: 14px; margin: 0 18px; background: #cc256b; box-shadow: 0 5px 15px rgb(204 37 107 / 40%); color: #fff; border-radius: 2px; display: flex; align-items: center; justify-content: space-between;}
.indexBox_bottom .boxtxt1{margin-bottom: 8px; font-size: 13px;}
.indexBox_bottom .boxtxt2{font-size: 15px; font-weight: 700;}
.indexBox_bottom .qr{width: 43px; height: 43px;}
.indexBox2 ul{display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap;}
.indexBox2 ul li{width: calc(100% / 3); text-align: center; margin-bottom: 30px;}
.indexBox2 ul li a {display: block; padding-top: 42px; background-repeat: no-repeat; background-position: center top;}
.indexBox2 ul li a span{display: block; margin-top: 10px;}
.indexBox2 ul li:nth-child(4),
.indexBox2 ul li:nth-child(5),
.indexBox2 ul li:nth-child(6){margin-bottom: 0;}
.indexBox2 ul li a.receipt{background-image: url(../images/icon_receipt.png);}
.indexBox2 ul li a.current{background-image: url(../images/icon_current.png);}
.indexBox2 ul li a.notice{background-image: url(../images/icon_notice.png);}
.indexBox2 ul li a.faq{background-image: url(../images/icon_faq.png);}
.indexBox2 ul li a.terms{background-image: url(../images/icon_terms.png);}
.indexBox2 ul li a.setting{background-image: url(../images/icon_setting.png);}
.index footer{height: unset;background: unset; padding: unset; box-shadow: none; bottom: 40px; left: 0;}
.index footer .index_footer{display: flex; align-items: center; flex-direction: column;}
.index footer .index_footer img{margin-bottom: 20px;}
.index footer .index_footer ul{display: flex; align-items: center;}
.index footer .index_footer ul li:after{content: ''; width: 1px; height: 10px; background: #ddd; display: inline-block; margin: 0 10px;}
.index footer .index_footer ul li:last-child:after{display: none;}
.index footer .index_footer ul li a{font-size: 12px; color: #a1a4a5;}
.index footer .index_footer ul li a:bold{font-weight: 700;}

/*nav*/
nav{position: fixed; top: 0; right: -100%; bottom: 0; background: #f1f1f1; z-index: 102; width: 100%; transition: 0.4s;}
nav.on{right: 50%; overflow-y: auto; max-width: 720px; transform: translateX(50%);}
.nav_inner_header{background: #8a5156; color: #fff; padding: 18px 20px ; margin-bottom: 6px;}
.nav_inner_header .navBox{height: 50px; display: flex; align-items: center; justify-content: space-between;}
.nav_inner_header .navBox > div:nth-of-type(2){width:calc(100% - 148px);}

.nav_inner_header .navBox .menu{width: 50px; height: inherit; position: relative;}
.nav_inner_header .navBox .menu .line{position: absolute; right: 0; width: 20px; height: 2px; top: 50%; transform: translateY(-50%); background: #fff; display: block;}
.nav_inner_header .navBox .menu .line1{transform:translateY(-50%) rotate(45deg);}
.nav_inner_header .navBox .menu .line2{transform:translateY(-50%) rotate(315deg);}
.nav_inner_header .navBox2 span{display: block;}
.nav_inner_header .navBox2 span.boxtxt1{margin-bottom: 7px; font-size: 13px;}
.nav_inner_header .navBox2 span.boxtxt2{font-size: 17px; font-weight: 700;}
.nav_inner_section .navBox{background: #fff; padding: 18px 20px; margin-bottom: 6px; box-shadow: 0 7px 8px rgb(0 0 0 / 10%);}
.nav_inner_section .navBox:last-child{box-shadow: none;}
.nav_inner_section .navBox .indexBox_bottom{margin: 0 0 18px;}
.nav_inner_section .navBox .indexBox_bottom span{display: block;}
.navBox .noticeBox li{border-bottom: 1px solid #e5e5e5;}
.navBox .noticeBox li:last-child{border-bottom: 0;}
.navBox .noticeBox li a,
.navBox .noticeBox li a span{display: block;}
.navBox .noticeBox li a{padding: 14px 0;}
.navBox .noticeBox li:first-child a{padding-top:0;}
.navBox .noticeBox li:last-child a{padding-bottom:0;}
.navBox .noticeBox .lineTop{margin-bottom: 10px; font-size: 13px; font-weight: 600;}
.navBox .noticeBox .lineBottom{font-size: 13px; color: #777; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative;}
.navBox .noticeBox .lineBottom:after{content: ''; position: absolute; right: 0; width: 15px; height: 15px; background: url(../images/icon_more.png) no-repeat center center/contain;}

.navBox .navUl{margin-bottom: 32px;}
.navBox .navUl > span{display: block; font-size: 12px; color: #888;}
.navBox .navUl ul{display: flex; align-items: center;}
.navBox .navUl ul li{width: 50%;}
.navBox .navUl ul li a{width: 50%; padding-left: 23px; padding-top: 17px; display: block; background-repeat: no-repeat; background-position: left bottom;}
.navBox .navUl ul li a.home{background-image: url(../images/icon_home.svg); background-size: 15px auto;}
.navBox .navUl ul li a.AS1{background-image: url(../images/icon_AS1.svg);background-size: 15px auto;}
.navBox .navUl ul li a.AS2{background-image: url(../images/icon_AS2.svg); background-size: 15px auto;}
.navBox .navUl ul li a.RES1{background-image: url(../images/icon_res1.svg); background-size: 15px auto;}
.navBox .navUl ul li a.RES2{background-image: url(../images/icon_res2.svg); background-size: 15px auto;}
.navBox .navUl ul li a.notice{background-image: url(../images/icon_notice2.svg); background-size: 15px auto;}
.navBox .navUl ul li a.faq{background-image: url(../images/icon_faq2.svg); background-size: 15px auto;}
.navBox .navUl ul li a.txt1{background-image: url(../images/icon_txt1.svg); background-size: 15px auto;}
.navBox .navUl ul li a.txt2{background-image: url(../images/icon_txt2.svg); background-size: 15px auto;}
.nav_bottom li{margin-bottom: 24px; font-size: 15px;}
.nav_bottom li:last-child{margin-bottom: 0;}

/*notice*/
.file::after{content: '\f0c6'; font-family: "FontAwesome"; font-size: 18px;}
.notice_wrap li.important{border: 1px solid #ae1857 !important; border-radius: 5px !important; padding: 14px 10px !important;}
.notice_wrap li.important .badge{margin-bottom: 8px; display: block; }
.notice_wrap li{margin-bottom: 15px; border-bottom: 1px solid #e1e1e1;}
.notice_wrap li:last-child{padding-bottom: 0; margin-bottom: 0; border-bottom: 0;}
.notice_wrap li a{display: block; }
.noticeScroll .notice_wrap li a{padding-bottom:15px;}

.notice_tit {justify-content: space-between; align-items: center; margin-bottom: 8px;}
.notice_tit .notice_tit_top{margin-right: 5px; max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-weight: 600;}
.notice_date{color: #a2a2a2;font-size: 13px;}
.notice_txt{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.noticeScroll{height: calc(100vh - 250px); overflow-y: scroll;}

.noticeViwe_tit{padding-bottom: 15px;}
.noticeViwe_tit span{display: block;}
.noticeViwe_tit .tit1{font-weight: 500; font-size: 16px; padding-bottom: 5px;}
.noticeViwe_tit .tit2{color: #a2a2a2;}
.noticeViwe_con {border-bottom: 1px solid #a9a9a9; border-top: 1px solid #a9a9a9; padding: 15px 0; margin-bottom: 15px;}
.noticeViwe_con > p{line-height: 1.3;}
.noticeViwe_con > span{display: block; border-top: 1px solid #e1e1e1; margin-top: 20px; font-size: 13px; color: #6e6e6e; padding-top: 20px; overflow: hidden;}
.noticeViwe_btn{width: 100%; border: 1px solid #ae1857; height: 50px; color: #ae1857; background: #fff; font-size: 16px; font-weight: 600; border-radius: 5px; text-align: center;}

/*직원용 품검등록*/

.addChk input[type='radio']{margin-right: 5px;}
.addChk .addChk_inner{padding: 0 14px; background: #fff;}
.radioStyle input[type="radio"]:checked ~ label{color: unset; font-weight: unset;}
.section_inner .section_con.addChk_list .con_tit_wrap{border-top: 1px solid #ededed; align-items: center; font-size: 14px; padding: 0 14px;}
.section_inner .section_con.addChk_list .con_tit_wrap:first-child{margin-top: 0; border-top: 0;}
.section_inner .section_con.addChk_list .con_tit_wrap:last-child{padding-top: 16px; padding-bottom: 16px;}
.con_tit_wrap > div > .flex{margin-bottom: 12px;}
.con_tit_wrap > div > .flex:last-child{margin-bottom: 0;}
.con_tit_wrap > div > .flex span {font-size: 13px; font-weight: 500;}
.con_tit_wrap > div > .flex span.addtit1{color: #999; width: 80px;}
.con_tit_wrap > div > button{margin: 24px 0 10px 0; width: 100%;}
.section_con.addChk_list .con_tit_wrap .con_tit{margin-bottom: 0; padding: 0;}
.section_con.addChk_list .con_tit_wrap button{border: 1px solid #101010; border-radius: 2px; height: 28px; line-height: 28px; padding: 0 20px;}
.section_con.addChk_list .con_tit_wrap button.addChk_btn{height: 48px; line-height: 48px; border: 1px solid #ddd; border-radius: 2px; display: block;}
button.addChk_btn span{display: block; width: 100%; height: inherit; font-weight: 700;}
button.addChk_btn span::before{content: '+'; font-weight: 700; font-size: 15px; margin-right: 6px;}
.section_inner .section_con.addChk_list .con_tit2{padding: 0 14px; font-weight: 700;display: block;}
.inputStyle.searchBox{padding: 16px 14px; background: #fff; position: relative;}
.searchDel{width: 38px; height: 38px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); display: none;}
.searchDel.on{display: block;}
.searchDel.on:after{content: ''; width: 17px; height: 17px; background: url(../images/icon_searchDel.png) no-repeat right center/contain; display: block; position: absolute; top: 50%; transform: translateY(-50%); right: 0;}
.AStype{border: 1px solid #ddd; border-radius: 2px; height: 36px; line-height: 36px; background: #f5f5f5;}
.AStype li{width: 33.33%; height: inherit; text-align: center; position: relative;}
.AStype li label{display: block; color: #575756; font-size: 13px; font-weight: 500; box-sizing: border-box; position: absolute; left: -1px; top: -1px; width: 100%; height: inherit;}
.AStype input{display: none;}
.AStype input:checked + label{color: #101010; font-weight: 700; background: #fff; border: 1px solid #101010;}

/*대시보드*/
.dashBoard{background: #fff; overflow: auto;}
/* .dashBoard > ul > li{padding: 20px 24px 10px; border-bottom: 1px solid #dfdfdf;} */
.dashBoard > ul > li{padding: 20px 15px 10px; border-bottom: 1px solid #dfdfdf;} /* 20220714 수정 */
.dashBoard > ul > li:last-child{border-bottom: none;}
.dashBoard .board_top{margin-bottom: 13px;}
.dashBoard .board_top .board_top_tit,
.dashBoard .board_top_star{margin-bottom: 13px;}
.dashBoard .board_top_star .board_top_tit,
/* .dashBoard_com .board_top_tit{font-weight: 700;} */
.dashBoard_com .board_top_tit{font-weight: 700; display: -webkit-box; overflow: hidden; max-height: 40px; line-height: 20px; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} /* 20220714 수정 */
.dashBoard_com .board_top_tit button{margin-left:5px; width: 20px; height: 20px; background: url(../../resources/images/icon_select2.png) no-repeat center; text-indent: -9999px;}
.dashBoard_com .board_top_tit button.on{transform: rotate(180deg);}
.dashBoard .board_top .gray,
.dashBoard .board_top_star .gray,
/* .dashBoard_com .gray{font-size: 12px; color: #777; margin-right: 5px;} */
.dashBoard_com .gray .fs16{font-size: 16px;} /* 20220714 수정 */
.dashBoard .board_top .gray_num,
.dashBoard_com .gray_num{font-size: 13px; font-weight: 600;}
.dashBoard .board_bottom ul li.calc4{width: calc((100% - 90px) / 3);}  /* 20220714 수정 */
.dashBoard .board_bottom ul li.calc3{width: calc((100% - 90px) / 2);}
.dashBoard .board_bottom ul li.calc1{width: 90px; padding: 13px 10px 13px 10px; background: #f4f4f4; text-align:center;}
.dashBoard .board_bottom ul li a{display: block;}
.dashBoard .board_bottom ul li a span{display: block;}
.dashBoard .board_bottom ul li a span.sub{font-size: 13px; color: #575756; font-weight: 600; margin-bottom: 12px;}
.dashBoard .board_bottom ul li a span.sub:after{content: '\f105'; font-family: 'FontAwesome'; margin-left: 6px; font-size: 14px; color: #999; font-weight: 700;}
.dashBoard .board_bottom ul li a span.sub_etc{font-size: 13px; color: #575756; margin-bottom: 11px;}
/* .dashBoard .board_bottom .sub_bold{font-size: 24px; font-weight: 700; letter-spacing: -1px; color: #d03c3c;} */
.dashBoard .board_bottom .sub_bold{font-size: 20px; font-weight: 700; letter-spacing: -1px; color: #d03c3c;}  /* 20220714 수정 */
.dashBoard .board_bottom .sub_bold.blue{color: #746ff2;}	/* 20220714 수정 */
.dashBoard .board_bottom .sub_bold.gray{color: #888b92;}
.dashBoard .board_bottom .sub_bold.black{color: #101010;}
.dashBoard_com{padding: 0 24px; height: 45px; line-height: 45px; background: #fff; border-bottom: 1px solid #dfdfdf;}
.boardSet{margin-bottom: 10px;}
.boardSet:last-child{margin-bottom: 0;}

.dashBoard .board_top > div{min-width:90px; text-align:right; display:unset;}
.dashBoard .board_top_star > div{min-width:130px; text-align:right; display:unset;}

.signinput input::placeholder{color: #999;}
.signWrap{border: 1px solid #b6b7b7; border-radius: 2px;margin-bottom: 23px; z-index: 1}

.signfullBtn{width: 100%; border-radius: 2px; color: #fff; background: #101010;  height: 50px; line-height: 50px; font-weight: 700;}
.signfullBtn.white{background: #fff; border: 1px solid #101010; color: #101010}

/*as완료 상세*/
.section_con_inner .con_inner{width: 50%; text-align: center;}
.section_con_inner .con_inner.con_inner_left{border-right: 1px solid #ededed;}
.section_con_inner .con_inner .bold_score{font-size: 30px; font-weight: 700; display: block; margin-bottom: 8px;}
.section_con_inner .con_inner > .star{margin-bottom: 10px;}
.section_con_inner .con_inner .gray{color: #a1a4a5; font-size: 12px; font-weight: 500;}
.section_con_inner .con_inner .rangeSet{justify-content: center; margin-bottom: 12px;}
.section_con_inner .con_inner .rangeSet:last-child{margin-bottom: 0;}
.section_con_inner .con_inner .rangeSet .range{margin: 0 10px; width: 70px; height: 6px; border-radius: 3px; background: #f1f1f1; border: 1px solid #e0e0e0; position: relative;}
.section_con_inner .con_inner .rangeSet .range.range1:after{content: ''; width: 16.66%; height: inherit; position: absolute; top: -1px; left: -1px; background: #575756; border: 1px solid #333; border-radius: 3px; z-index: 5; box-sizing: border-box;}
.section_con_inner .con_inner .rangeSet .range.range2:after{content: ''; width: 33.32%; height: inherit; position: absolute; top: -1px; left: -1px; background: #575756; border: 1px solid #333; border-radius: 3px; z-index: 5; box-sizing: border-box;}
.section_con_inner .con_inner .rangeSet .range.range3:after{content: ''; width: 50%; height: inherit; position: absolute; top: -1px; left: -1px; background: #575756; border: 1px solid #333; border-radius: 3px; z-index: 5; box-sizing: border-box;}
.section_con_inner .con_inner .rangeSet .range.range4:after{content: ''; width: 75%; height: inherit; position: absolute; top: -1px; left: -1px; background: #575756; border: 1px solid #333; border-radius: 3px; z-index: 5; box-sizing: border-box;}
.section_con_inner .con_inner .rangeSet .range.range5:after{content: ''; width: 100%; height: inherit; position: absolute; top: -1px; left: -1px; background: #575756; border: 1px solid #333; border-radius: 3px; z-index: 5; box-sizing: border-box;}
.section_con_inner .con_inner .rangeSet > span:first-child{font-size: 12px; color: #575756; font-weight: 500;}
.section_con_inner .con_inner .rangeSet > span:last-child{font-size: 12px; color: #a1a4a5;}
.consulting li{padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px solid #dfdfdf;}
.consulting li:last-child{border-bottom: 0; margin-bottom: 0; padding-bottom: 0;}
.consulting li span.bold{font-size: 13px; color: #101010; font-weight: 700;}
.consulting li span{font-size: 12px; font-weight: 500; color: #a1a4a5;}
.consultingBox_top{margin-bottom: 12px;}

.apkDownload{}
.apkDownload .imgBox img{ width: 100%;}
.apkDownload .apkFoot {background:#7e555a; padding: 30px;}
.apkDownload .apkFoot .linkBox{display: flex; justify-content: space-between; }
.apkDownload .apkFoot .linkBox a{width: 48%;}
.apkDownload .apkFoot .linkBox a img{width: 100%;}
.apkDownload .apkFoot .txtBox{color: #fff; margin-top: 15px;  font-size: 20px;}

.mainMid .mainUl.fourUI {height: 56px;}
.mainMid .mainUl.fourUI li{width: 25%; display: block; text-align: center; height: 50px; padding-top: 6px;}
.mainMid .mainUl.fourUI li > span{display: block;}

.mainMid .mainUl.doubleUl li{width: 50.50%;}
.mainMid .mainUl.doubleUl li:after{content: ''; width: 1px; height: 41px; background: #69474d; position: absolute; right: -1px;}

.right {float: right;}
.time_picker {margin-top: 10px;}

/* 2023.12.26 처리현황순위 */
.listTable table tbody tr td.rankImg img{width: 25px;}
.listTable.center{text-align: center;}